<!--
- File:    rentInfo.
-->
<template>
  <div class="Web_Box">
    <div class="ordertop"><span>商品数：8件</span><span class="pl30">租用时长：5个月</span><span class="pl30">总金额：1500.00</span>
    </div>
    <a href="OrderDetail.html" class="orderbtn">查看订单详情</a>

    <div class="Service">服务详情</div>
    <div class="bg_fff mb10">
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年8月</h3>
            <p class="tex">1/5  商家已服务</p>
          </li>
          <li><a href="" class="order_close">已完成</a></li>
        </ul>
      </div>
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年9月</h3>
            <p class="tex">2/5  商家已服务</p>
          </li>
          <li><a href="" class="order_close2">确认服务</a></li>
        </ul>
      </div>
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年10月</h3>
            <p class="tex">3/5  商家未服务</p>
          </li>
          <li><a href="" class="order_close2">待服务</a></li>
        </ul>
      </div>
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年11月</h3>
            <p class="tex">4/5  商家未服务</p>
          </li>
          <li><a href="" class="order_close2">待服务</a></li>
        </ul>
      </div>
    </div>

    <div class="Service">订单分期（3期）</div>
    <div class="bg_fff mb10">
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年月</h3>
            <p class="tex">1/3  商家已服务</p>
          </li>
          <li><a href="" class="order_close">已支付</a></li>
        </ul>
      </div>
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年9月</h3>
            <p class="tex">2/3  ￥500.00</p>
          </li>
          <li><a href="" class="order_close2">支付</a></li>
        </ul>
      </div>
      <div class="diary2">
        <ul class=" f-cb">
          <li>
            <h3 class="d_tit2">2017年10月</h3>
            <p class="tex">3/3  ￥500.00</p>
          </li>
          <li><a href="" class="order_close2">支付</a></li>
        </ul>
      </div>

    </div>
</template>

<script>
  export default{
    data() {
      return {}
    },
    created() {
    },
    methods: {}
  }
</script>

<style>

</style>